@charset "utf-8";
/* CSS Document */
/*跨大区间分辨率共用*/
@media screen and ( min-width:1024px ) and ( max-width:1200px ){
	.navtop{ height:85px; width:100%;}
	.navtop .logo{ padding-top:15px;}
	.navtop .logo img{ width:164px; height:50px;}
	.chg{ height:85px; line-height:85px;}
	.search{ margin-top:35px;}
	
	#example-navbar-collapse .navbar-nav > li > a {padding: 0px 4px;}
	
	.inx5p_sm{ height:85px;}
	
	.nyban{ height:280px;}
	
	.drcen1, .drcen2, .drcen3, .drcen4, .drcen5, .drcen6, .drcen7, .drcen8{ height:260px; margin-bottom:20px;}
	
	#news01 .new01li_txt{ width:90%;}
}

@media screen and ( min-width:768px ) and ( max-width:1024px ){
	.navtop{ height:70px; width:100%;}
	.navtop .logo{ padding-top:15px;}
	.navtop .logo img{ width:131px; height:40px;}
	.chg{ height:70px; line-height:70px;}
	.search{ margin-top:26px;}
	
	.navtop .navbar{ margin-top:10px;}
	#bannerCarousel .item a{ height:400px;}
	#bannerCarousel .carousel-control { top:200px;}
	
	.inxaboutpic{ padding:0px 15px 300px;}
	.inxabout p{ padding:0px 15px;font-size:15px; line-height:27px; max-height:210px;}
	
	.inx3 h3{margin:0px 0px 30px;}
	.inx_pro_txt{ margin-top:30px;}
	#inx3Carousel .item, #inx3Carousel{ width:100%;}
	.inx_pro_l div{ margin-top:13px;}
	.inx_pro_txt{ padding:0px 15px 20px;}
	#inx3Carousel{ padding-top:20px;}
	
	.inx4{ margin-top:30px;}
	.inx4p{ margin:0px auto 20px;}
	.inx5_p{ width:95%;}
	
	.inx5p_sm{ height:70px;}
	
	.nyban{ height:250px;}
	
	.cjgw{ width:31%}
	.cjbm{ width:17%}
	.cjadd{ width:17%}
	.cjnum{ width:17%}
	.conjobrow .cjtime{ display:none;}
	.cjsq{ width:15%}
	
	#news01 .new01li_txt{ width:86%;}
}
	
@media screen and ( min-width:320px ) and ( max-width:767px ){
	.navtop{ height:70px; width:100%;}
	.navtop .logo{ padding-top:15px;}
	.navtop .logo img{ width:131px; height:40px;}
	.chg{ height:70px; line-height:70px;}
	
	.navtop .navbar{ margin-top:10px;}
	#bannerCarousel .item a{ height:250px;}
	#bannerCarousel .carousel-control { top:125px;}
	
	.inxaboutpic{ padding:0px 15px 300px;}
	.inxabout p{ padding:0px 15px; font-size:14px; line-height:26px; max-height:205px;}
	
	.inx3 h3{margin:0px 0px 30px;}
	.inx_pro_txt{ margin-top:30px;}
	#inx3Carousel .item, #inx3Carousel{ width:100%;}
	.inx_pro_l div{ margin-top:13px;}
	
	.inx_pro_txt{ padding:0px 15px 20px;}
	#inx3Carousel{ padding-top:20px;}
	
	.inx4{ margin-top:30px;}
	.inx4p{ margin:0px auto 25px;}
	
	.inx5_p{ width:95%;}
	
	.nyban{ height:200px;}
	
	.cjgw{ width:40%}
	.cjbm{ width:30%}
	.conjobrow .cjadd{ display:none;}
	.conjobrow .cjnum{ display:none;}
	.conjobrow .cjtime{ display:none;}
	.cjsq{ width:20%}
	
	#news01 .new01li_txt{ width:73%;}
	
	.news02li_bt{ margin-top:10px;}
	.about022{ margin-top:30px;}
}
	
@media (min-width: 768px){
.inx_pro_l .col-sm-4 {
    width: 32%;
}
  

    
}


@media screen and ( max-width:550px ){
	.inx5p_sm{ height:63px;}
	
}

@media screen and ( max-width:410px ){
	.inx5p_sm{ height:48px;}
	
}

@media screen and ( max-width:1024px ){
	#inxfooter{ position:inherit; margin-top:30px;}
	
	
}

@media screen and ( max-width:970px ){
	#inxfooter{ position:inherit; margin-top:30px;}
	.footlogo{ float:left;}
	.drcen1, .drcen2, .drcen3, .drcen4, .drcen5, .drcen6, .drcen7, .drcen8{ height:360px; margin-bottom:20px;}
	
}

@media screen and ( max-width:992px ){
	.prortxt{ padding-top:15px;}
	.caselipic img{ display:block; margin:0px auto 20px;}
	.caselipic, .caselir, .casekh{ margin-left:15px; margin-right:15px;}
	#caseCarousel .casenybanbt{ margin-top:15px;}
	.prortxt{ margin-bottom:20px;}
}

@media screen and ( max-width:1200px ){
	#new01litop{ padding-top:12px;}
}